<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.sql.*" %>

<html>
<head>
    <title>订单详情</title>
    <!-- 引入CSS和JS文件（如果需要） -->
  
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- 引入Bootstrap CSS框架 -->
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            padding-top: 20px;
            background-color: #f8f9fa;
        }
        .nav {
            background-color: #007BFF;
            color: white;
            padding: 10px 0;
        }
        .nav h1 {
            margin: 0;
        }
        .container {
            margin: auto;
            width: 90%;
            max-width: 1000px;
        }
        table {
            width: 100%;
            margin-top: 20px;
        }
        .table {
            background-color: white;
        }
        .btn {
            margin: 5px;
        }
        .total-price {
            font-weight: bold;
        }
        /* 其他自定义样式 */
    </style>

</head>
<body style="text-align: center;margin: auto;">

<div class="nav">
<header class="mui-bar mui-bar-nav color">
<h1 class="mui-title color">订单详情</h1>
</header>
<%
String restaurant_id = (String) session.getAttribute("restaurant_id");
String table_id = (String) session.getAttribute("table_id");
String account = (String) session.getAttribute("account");
String pay = (String) session.getAttribute("pay");
if (table_id != null) {
%>
<h4>当前餐馆号： <%= restaurant_id %></h4>
<h4>您的桌号是： <%= table_id %></h4>
<h4>当前用户： <%= account %></h4>
<% 
// 这里可以添加更多的点餐逻辑
} else {
%>
<p>您还没登录。</p >
<%
}
%>

<div class="container"> 
<table width="80%" class="table" id="tablevalue"> 
<tr> 
<th>商品id</th> 
<th>商品名称</th>
<th>单价</th> 
<th>数量</th> 
<th>桌号</th> 
<th width="20%">操作</th> 
</tr> 
<% 
String sql = "SELECT * FROM cart WHERE table_id=" + table_id + " AND restaurant_id=" + restaurant_id+ " AND pay='未支付'"; 
javax.sql.rowset.WebRowSet rs = com.myweb.DBTools.getRS(sql); 
double totalPrice = 0; // 用于存储总价 
while(rs.next()){ 
%> 
<tr onclick="fillform(this)" style="cursor:pointer"> 
<td><%=rs.getString("dish_id")%></td> 
<td><%=rs.getString("name")%></td>
<td><%=rs.getString("price")%></td> 
<td><%=rs.getString("amount")%></td> 
<td><%=rs.getString("table_id")%></td> 
<td> 


<a href="edit2.jsp?dish_id=<%=rs.getString("dish_id") %>">修改</a><br> 

<a href="ordersave.jsp?btn=del&dish_id=<%=rs.getString("dish_id") %>" onclick="return confirm('请确认是否删除当前记录？');">删除</a><br> 
<a href="menu.jsp">继续点餐 </a><br> 
</td> 
</tr> 
<% 
// 计算总价（这里假设单价和数量都是数字） 
double price = Double.parseDouble(rs.getString("price")); 
int amount = Integer.parseInt(rs.getString("amount")); 
totalPrice += price * amount; 
} 
rs.close(); 
%> 
<!-- 添加一行显示总价 --> 
<tr> 
<td colspan="5" style="text-align:right;">总价：<%=totalPrice%></td> 
</tr> 
<tr>
<td colspan="6" style="text-align: center;">
<form action="payment" method="post">
<input type="hidden" name="table_id" value="<%= table_id %>">
<input type="hidden" name="restaurant_id" value="<%= restaurant_id %>">
<input type="submit" value="结算">
</form>
</td>
</tr>
</table> 
<!-- 添加JavaScript代码来计算并更新总价 --> 
<script type="text/javascript"> 
// 由于JSP已经计算了总价，这里只是确保在页面加载时显示正确的值 
// 但实际上，你可以使用JavaScript来动态计算总价，例如当数量或单价变化时 
// 在这种情况下，你可以通过监听DOM事件来触发重新计算 
// 这里只是简单地将JSP计算的总价显示在页面上 
document.getElementById('totalPrice').textContent = '<%=totalPrice%>'; 
</script> 
</div>

</body>
</html>
